.q2{
    width: 75%;
    height: 40px;
    background-color: #ccc;
}
.q3{
    font-size: 20px;
    margin-top: 3px;
}
.q4{
    width: 300px;
    height: 200px;
    background-color: #ccc;
    margin-top: 20px;
    margin-left: 50px;
    display: flex;
}
.q5{
    width: 50%;
    text-align: center;
}
.q6{
    width: 50%;
    text-align: center;
}
.q7{
    width: 95px;
    height: 30px;
    border: 1px solid #ccc;
    background-color: skyblue;
    color: #fff;
    margin-top: 16px;
    margin-left: 47%;
    border-radius: 10px;
}
.q8{
    height: 25px;
    background-color: skyblue;
    border: 1px solid #ccc;
    color: #fff;
    border-radius: 5px;
}
.q9{
    width: 90px;
    height: 110px;
    margin-top: 20px;
}
.w1{
    position: absolute;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, .5); */
  background-color: #ccc;
  top: 0;
  left: 0;
}
.w2{
    width: 600px;
  height: 270px;
  background-color: #fff;
  margin-left: 100px;
  margin-top: 40px;
  display: flex;
}
.w3{
    width: 33%;
    border: 1px solid #ccc;
}
.w4{
    width: 67%;
    border: 1px solid #ccc;
}
.w5{
    width: 100%;
    height: 25px;
    border: 1px solid #ccc;
}
.w7{
    height: 22px;
    align-items: center;
    margin-left: 17px;
    border: 1px solid #ccc;
    background-color: skyblue;
    color: #fff;
    border-radius: 5px;
}
.w6{
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
}
.w8{
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
}
.w9{
    border: 1px solid #ccc;
    height: 240px;
    display: flex;
    justify-content: space-around;
}
.w0{
    width: 70px;
    height: 70px;
}
dd{
    text-align: center;
}
dl{
    margin-top: 20px;
}

.e1{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  top: 0;
  left: 0;
}
.e2{
    width: 600px;
  height: 270px;
  background-color: #fff;
  margin-left: 100px;
  margin-top: 40px;

}
.r1{
    display: flex;
    justify-content: space-between;
}
h1{
    color: black;
}
.e3{
    margin-top: 10px;
}
.e4{
    width: 510px;
    height: 200px;
    border: 1px solid #ccc;
    margin-left: 45px;
    margin-top: 10px;
}
.e5{
    width: 510px;
    height: 35px;
    border: 1px solid #ccc;
    margin-left: -1px;
    display: flex;

}
.e8{
    width: 50%;
    border: 1px solid #ccc;
    height: 35px;
}
.e0{
    width: 70px;
    margin-left: 15px;
    margin-top: 2px;
    background-color: skyblue;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.e9{
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
   margin-left: 200px;
}
